<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/5/5
  Time: 15:58
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>
<%
    String stupic="http://localhost:8080/stupic/";
    pageContext.setAttribute("stupic",stupic );
%>
<html>
<head>
    <title>详情页面</title>
    <script src="js/jquery-3.6.0.min.js"></script>
    <script>

        $(function () {
            $("#back").click(function () {
                //返回列表页
                history.back();
            });
        })
    </script>
</head>
<body>
<table border="1px" width="400px" cellspacing="0" align="center" cellpadding="5">
    <caption><h2>${stu.sname}的详细信息如下</h2></caption>
    <tr>
        <th>学号</th>
        <td>${stu.sid}</td>
        <td rowspan="3" width="100px"height="120px">
            <img src="${stupic}${stu.pic}" alt="" width="100px" height="100px">
        </td>
    </tr>
    <tr>
        <th>姓名</th>
        <td>${stu.sname}</td>

    </tr>
    <tr>
        <th>性别</th>
        <td>${stu.sex}</td>
    </tr>
    <tr>
        <th>年龄</th>
        <td colspan="2">${stu.age}</td>
    </tr>
    <tr>
        <th>学历</th>
        <td colspan="2">${stu.degree}</td>
    </tr>
    <tr>
        <th>备注</th>
        <td colspan="2">${stu.mark}</td>
    </tr>
    <tr align="center">
        <td colspan="3">
            <input type="button" value="返回" name="back" id="back">
        </td>
    </tr>
</table>
</body>
</html>
